<template>
	<view class="emptyBox" v-if='status == 1'>
		<view class="empty">
			<image src="../static/image/img/empty.png" mode="widthFix" class="image"></image>
			<text class="text">{{text}}</text>
		</view>
	</view>
	<view class="emptyBox2" v-else>
		<view class="empty">
			<image src="../static/image/img/empty.png" mode="widthFix" class="image"></image>
			<text class="text">{{text}}</text>
		</view>
	</view>
</template>

<script>
export default {
// 可用组件的哈希表
	components: {},
// 接收传值
	props: {
		 width: {
		   type: String,
		   default: '750rpx'
		},
		text: {
			type: String,
			default: '暂无数据'
		},
		status:{
			type: [String,Number],
			default: '1'
		}
	},
	// 数据对象
	data () {
		return {}
	},
	// 事件处理器
	methods: {},
	// 页面生命周期-页面加载
	onLoad () { },
	// 页面生命周期-页面显示
	onShow () { },
	// 页面生命周期-页面初次渲染完成
	onReady () { },
	// 页面生命周期-页面隐藏
	onHide () { },
	// 页面生命周期-页面卸载
	onUnload () { }
}
</script>

<style lang="scss" scoped>
.emptyBox{
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.emptyBox2{
	width: 100%;
	padding: 60rpx 0 ;
	.image{
		width: 200rpx;
		height: 132rpx;
		display: block;
		margin: 0 auto;
		margin-bottom: 20rpx;
	}
}
.image{
	width: 200rpx;
	height: 132rpx;
	display: block;
	margin-bottom: 20rpx;
}
.empty{
	text-align: center;
}
.text{
	color: #ccc;
	font-size: $uni-font-size-base;
}			
</style>
